﻿

<iframe id="imf" scrolling="yes" marginheight="0" marginwidth="0" frameborder="0" style="width:100%; overflow-y:

auto;"></iframe>
<table id="wrap" cellpadding="0px" cellspacing="0px" style="font-size:10px; background:white; bottom: 0px; height:40px;

position:fixed; line-height:40px; width:100%; ">
    <tr>
        <td onclick="showCase(1)" style="width:33%;" align="center">
            <img id="main" style="height: 20px; display: block;" src="../../statics/Images/shop/main/icon_home_02.png" />
            <a href="#" id="part1" style="text-decoration:none; width:100%; height:20px; line-height:20px; display:block;

text-align:center; color:#231815;">
                首页
            </a>
        </td>
        <td onclick="showCase(2)" style="width:33%;" align="center">
            <img id="shop" style="height: 20px; display: block;" src="../../statics/Images/shop/main/icon_shop_01.png" />
            <a href="#" id="part2" style="text-decoration:none; width:100%; height:20px; line-height:20px; display:block;

text-align:center; color:#a7a7a7;">
                我的千净
            </a>
        </td>
        <td onclick="showCase(3)" style="width:33%;" align="center">
            <img id="my" style="height: 20px; display: block;" src="../../statics/Images/shop/main/icon_contact_01.png" />
            <a href="#" id="part3" style="text-decoration:none; width:100%; height:20px; line-height:20px; display:block;

text-align:center; color:#a7a7a7;">
                千净活动
            </a>
        </td>
    </tr>
</table>

@section Styles{
    <link href="~/Statics/css/Time.css" rel="stylesheet" />
    <style type="text/css">
        body {
            padding: 0px;
            margin: 0px auto;
            font-family: Microsoft YaHei,微软雅黑,Microsoft JhengHei,华文细黑,STHeiti,MingLiu;
        }

        table tr td {
            padding: 10px 0px;
        }
    </style>
}
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function () {
        var WindowHeight = $(window).height();
        WindowHeight -= 40;
        $("#imf").css("height", WindowHeight + "px");
        showCase(@ViewBag.n);
    })
    function showCase(obj) {
        if (obj == 1) {
            $("#imf").attr("src", "Index?code=@ViewBag.Code&state=@ViewBag.State&openid=@ViewBag.OpenId");
            $("#main").attr("src", "../../statics/Images/shop/main/icon_home_02.png");
            $("#shop").attr("src", "../../statics/Images/shop/main/icon_shop_01.png");
            $("#my").attr("src", "../../statics/Images/shop/main/icon_contact_01.png");
            $("#part1").css("color", "#231815");
            $("#part2").css("color", "#a7a7a7");
            $("#part3").css("color", "#a7a7a7");
        }
        if (obj == 2) {
            $("#imf").attr("src", "../Order/List?openid=@ViewBag.OpenId&no=@ViewBag.no");
            $("#main").attr("src", "../../Statics/Images/shop/main/icon_home_01.png");
            $("#shop").attr("src", "../../Statics/Images/shop/main/icon_shop_02.png");
            $("#my").attr("src", "../../Statics/Images/shop/main/icon_contact_01.png");
            $("#part1").css("color", "#a7a7a7");
            $("#part2").css("color", "#231815");
            $("#part3").css("color", "#a7a7a7");
        }
        if (obj == 3) {
            $("#imf").attr("src", "../Activity");
            $("#main").attr("src", "../../statics/Images/shop/main/icon_home_01.png");
            $("#shop").attr("src", "../../statics/Images/shop/main/icon_shop_01.png");
            $("#my").attr("src", "../../statics/Images/shop/main/icon_contact_02.png");
            $("#part1").css("color", "#a7a7a7");
            $("#part2").css("color", "#a7a7a7");
            $("#part3").css("color", "#231815");
        }
    }

</script>
